@charset "utf-8"; 
/*
	@author:Shengzhi Cheung
    @mail:shengzhizhang@gmail.com
	@description:The main styles for the website.
    @date:2012-02-05
*/
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img {border:0; }
caption,em,strong,th { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

/* Default styles */
html,
body { background:#F2F2F2; }
body { font:12px/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color:#333; word-wrap:break-word; word-break:break-all; }
a { color:#333; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }
a:active {blr:expression_r(this.onFocus=this.blur()); }
a:focus { outline:none; -moz-outline:none; } 
.hidden { display:none!important; }

/*Clear*/
.clearfix { *zoom:1; }
.clearfix:after { content:"\20"; display:block; height:0; clear:both; overflow:hidden; }

/* Import image */
.top-bar,
.nav .active a,
.brands,
.headline,
.quote,
.btn-get-quote { background:url(bgimg/x_bg.png) repeat-x; }
.search-box .btn-search { background:url(bgimg/ico_bg.png) no-repeat; }
.ico-chn,
.ico-eng { background:url(bgimg/ico_flag.png) no-repeat; }
.brands a { }

/* Layout */
#wrap { width:964px; margin:auto; }
#container { position:relative; *zoom:1; }
.main { position:relative; }
/*.main { border-bottom:1px solid #E4E4E4; margin:0 12px; overflow:hidden; _zoom:1; }*/
/*.aside { float:left; width:180px; padding-left:17px; margin-right:-197px; margin-top:25px; padding-bottom:30px; }*/
/*.content { float:left; width:100%; margin-top:25px; padding-bottom:30px; }*/
/*.cont-inner { margin:0 282px 0 219px; color:#898989; }*/
/*.cont-inner-s2 { margin-right:0; }*/
/*.extra { float:right; width:187px; padding-right:15px; margin-left:-202px; margin-top:25px; padding-bottom:30px; }*/

/* Common */
.box { background:#fff; border-width:1px; border-style:solid; border-color:#ECECEC #DFDFDF #CDCDCD; border-radius:5px; box-shadow:0 1px 4px 0 rgba(0, 0, 0, .1); }

/* Buttons */
.btn-get-quote { display:inline-block; padding:4px 20px; margin:8px 20px; _margin:7px 20px; border:1px solid #7FCB56; background-position:0 -313px; color:#1C4D0B; text-transform:uppercase; font:bold 18px/26px "Myriad Pro", Tahoma, Arial, Helvetica; border-radius:5px; text-shadow:0 1px 0 #ABD889; *vertical-align:middle; }
.btn-get-quote:hover { background-position:0 -366px; text-decoration:none; color:#1C4D0B; }

/* Header */
#header { position:relative; height:36px; padding:20px 0; _zoom:1; }
    /* Language switch */
    .lang-switch { position:absolute; right:15px; top:3px; height:17px; background:url(bgimg/lang_bg.png) no-repeat right top; }
    .lang-switch ul { width:112px; height:17px; padding-left:20px; margin-right:30px; background:url(bgimg/lang_bg.png) no-repeat left top; }
    .lang-switch li { float:right; margin-left:10px; _display:inline; }
    .lang-switch li a { padding-left:20px; font-size:11px; -webkit-text-size-adjust:none; }
    .lang-switch li a:hover { color:#000; }
    /* Top bar */
    .top-bar { height:36px; box-shadow:0 1px 1px 0 rgba(0, 0, 0, .25); border-radius:5px; }
    /* Logo */
    .logo { float:left; width:150px; background:url(bgimg/logo_bg.png) no-repeat center top; }
    .logo a { margin-left:25px; color:#000; font:bold 18px/36px "Myriad Pro", Tahoma, Arial, Helvetica; text-shadow:0 1px 0 rgba(255, 255, 255, .4); }
    .logo a:hover { color:#000; text-decoration:none; }
    /* Navigation */
    .nav { float:left; padding-left:2px; background:url(bgimg/nav_split.png) no-repeat left top; }
    .nav li { float:left; line-height:36px; background:url(bgimg/nav_split.png) no-repeat right top; }
    .nav li a { float:left; position:relative; height:36px; padding:0 22px; margin:0 2px 0 -1px; font-size:14px; color:#1e1e1e; text-shadow:0 1px 0 rgba(255, 255, 255, .4); }
    .nav li a:hover,
    .nav .active a { text-decoration:none; color:#fff; text-shadow:0 1px 0 rgba(0, 0, 0, .5); }
    .nav .active a { background-position:0 -56px; }
    /* Search box */
    .search-box { float:right; position:relative; width:180px; height:22px; margin:6px 10px 0 0; background:#f8f8f8; border-radius:11px; box-shadow:inset 0 1px 2px 0 rgba(0, 0, 0, .15); _display:inline; }
    .search-box .btn-search { position:absolute; left:5px; top:3px; width:16px; height:16px; background-position:-10px 2px; overflow:hidden; text-indent:-9999px; }
    .search-box input { width:145px; padding:2px 0 0 0; margin:0 10px 0 25px; border:0; outline:0; background:transparent; vertical-align:middle; color:#999; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }
        /* Focus */
        .search-focus { background:#fff; }
        .search-focus input { color:#000; }
        .search-focus .btn-search { background-position:-10px -30px; }

/* Slider */
.slider { position:relative; _zoom:1; }
.slider-pics { width:962px; height:496px; overflow:hidden; }
.slider-pics li { float:left; width:962px; }
.slider-pics img { border-radius:5px 5px 0 0; display:block; }
.slider-tabs { position:absolute; right:20px; bottom:-28px; }
.slider-tabs li { float:left; width:14px; height:14px; margin-left:10px; border-top:1px solid #A3A3A3; overflow:hidden; text-indent:-9999px; background-color:#D6D6D6; border-radius:7px; _display:inline; }
.slider-tabs .active { background-color:#65CAEA; border-color:#2A6F87; }

/* Headline */
.headline { height:38px; background-position:0 -112px; border-top:1px solid #fff; font-family:Tahoma, Arial, Helvetica; }
.headline h3 { float:left; width:150px; padding:10px 0 0 20px; font-weight:bold; }
.headline .list { margin:10px 0 0 170px; height:18px; overflow:hidden; }

/* Quote */
.quote { height:50px; padding:0 20px; background-color:#fff; background-position:0 -170px; font-size:20px; line-height:50px; color:#999; border-radius:0 0 5px 5px; overflow:hidden; }

/* Series */
.series { margin-top:15px; *zoom:1; }
.series .box { float:left; width:312px; margin-right:11px; _display:inline; }
.series .last { margin:0; }

/* Mod */
.mod .hd { height:52px; background: url(bgimg/tit_bg.png) no-repeat; text-align:center; line-height:52px; font-size:20px; color:#333; text-shadow:0 1px 0 #fff; border-radius:5px 5px 0 0; }
.mod .bd { height:160px; }

/* Categories */
.categories { padding:10px 20px; background: url(bgimg/bottom_bg.png) repeat-x left bottom; font-size:14px; }
.categories span { float:left; font-weight:bold; }
.categories a { float:left; padding:1px 0 0; margin:0 15px; white-space:nowrap; }
.categories .active { padding:0 10px; border-top:1px solid #629A39; background-color:#7EC552; background-image:-webkit-linear-gradient(#8BDA61, #6EAC40); background-image:-moz-linear-gradient(#8BDA61, #6EAC40); background-image:-o-linear-gradient(#8BDA61, #6EAC40); border-radius:12px; color:#fff; text-shadow:0 1px 0 #2E891C; }
.categories .active:hover { color:#fff; text-decoration:none; }

/* Filter */
.filter { padding:10px 20px; background: url(bgimg/bottom_bg.png) repeat-x left bottom; }

/* Prodcut List */
.product-list ul { margin-right:-1px; border-bottom:1px solid #fff; }
.product-list li { float:left; width:320px; border-right:1px solid #DBDCDD; }
.product-list li .info { background: url(bgimg/bottom_bg.png) repeat-x left bottom; }
.product-list li .info h2 { padding:10px 20px 0; background: url(bgimg/top_bg.png) repeat-x; font-size:16px; }
.product-list li .info h2 a { color:#F60; }
.product-list li .info h2 em { color:#333; }
.product-list li .info h2 span { margin-left:10px; font-size:14px; color:#999; }
.product-list li .info p { padding:0 20px; }
.product-list li .info p span { font-weight:bold; }
.product-list li .info .more { padding:5px 20px 10px; text-align:right; }
.product-list li .info .more a { color:#999; }

/* Pagination */
.pagination { text-align:right; padding:20px 20px 40px; background: url(bgimg/top_bg.png) repeat-x; }

/* Footer */
#footer { margin-top:15px; padding-bottom:20px; text-align:center; }
    .brands { height:53px; background-position:0 -240px; border-width:1px; border-style:solid; border-color:#ECECEC #DFDFDF #CDCDCD; border-radius:5px; box-shadow:0 1px 4px 0 rgba(0, 0, 0, .12); }
    .brands a { float:left; margin:7px 20px 0; _display:inline; }
    /* Foot links */
    .foot-links,
    .foot-contact { margin:10px 0; }
    .foot-links a { margin:0 10px; }
    /* Copyright */
    .copyright { padding-top:15px; background:url(bgimg/split.png) no-repeat center top; color:#999; text-shadow:0 1px 0 rgba(255, 255, 255, 1); }

/* Icons */
.ico-chn { background-position:-8px -29px; }
.ico-eng { background-position:-8px 2px; }

.icon-samsung { }

